<%--
  Created by IntelliJ IDEA.
  User: LUOLIANG
  Date: 2016/6/8
  Time: 21:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../common/path.jsp" %>
<html>
<head>
    <title>记一笔</title>
    <%@include file="../common/wechatcss.jsp" %>
    <script src="/CounterDrops/js/wejs/modernizr.custom.js"></script>
</head>
<body ms-controller="billnoteController">
<div>
    <jsp:include page="../common/wechatNavbar.jsp"/>
    <section>
        <div class="tabs tabs-style-linetriangle">
            <nav>
                <ul>
                    <li><a href="#section-linetriangle-1"><span style="font-size: 15px;">收入</span></a></li>
                    <li><a href="#section-linetriangle-2"><span style="font-size: 15px;">支出</span></a></li>
                </ul>
            </nav>
            <div class="content-wrap">
                <section id="section-linetriangle-1">
                    <div class="col-md-12">
                        <h4>{{@income|number(2)}} 元</h4>
                        <form role="form">
                            <div class="form-group">
                                <label for="money">金额</label>
                                <input type="text" class="form-control" id="money" placeholder="收入金额"
                                       ms-duplex="@income">
                            </div>
                            <div class="form-group">
                                <label>类型</label>
                                <select id="select1" data-toggle="select"
                                        class="form-control select select-primary select-lg">
                                    <option value="0">工资收入</option>
                                    <option value="1">利息收入</option>
                                    <option value="2">加班收入</option>
                                    <option value="3">奖金收入</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label>备注</label>
                                <textarea id="instruction" class="form-control" rows="3" placeholder="备注..."></textarea>
                            </div>
                            <button type="button" class="btn btn-primary btn-lg btn-block" ms-click="@save('income')">保存
                            </button>
                        </form>
                    </div><!-- /.col-md-12 -->
                </section>
                <section id="section-linetriangle-2">
                    <div class="col-md-12">
                        <h4>{{@pay|number(2)}} 元</h4>
                        <form role="form">
                            <div class="form-group">
                                <label>金额</label>
                                <input type="text" class="form-control" id="inputSuccess" placeholder="支出金额"
                                       ms-duplex="@pay">
                            </div>
                            <div class="form-group">
                                <label>类型</label>
                                <select id="select2" data-toggle="select"
                                        class="form-control select select-info select-lg">
                                    <option value="0">衣服饰品</option>
                                    <option value="1">食品酒水</option>
                                    <option value="2">行车交通</option>
                                    <option value="3">休闲娱乐</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label>备注</label>
                                <textarea id="instruction1" class="form-control" rows="3"
                                          placeholder="备注..."></textarea>
                            </div>
                            <button type="button" class="btn btn-info btn-lg btn-block" ms-click="@save('pay')">保存
                            </button>
                        </form>
                    </div>
                </section>
            </div><!-- /content -->
        </div>
    </section>

    <%@include file="../common/wechatjs.jsp" %>
    <script src="<%=path%>/myjs/wechat/billnotes.js"></script>
    <script>
        (function () {
            [].slice.call(document.querySelectorAll('.tabs')).forEach(function (el) {
                new CBPFWTabs(el);
            });
        })();
    </script>
</body>
</html>
